<%@ page language="java"  pageEncoding="UTF-8"%>
<div class="panel">
  <div class="panel-heading">
    	查询区域
  </div>
  <div class="panel-body">
    <div class="row">
		<div class="col-md-4">
			<div class="input-group">
			  <span class="input-group-addon">地区编码</span>
			  <input type="text" id="queryAreaCode" name="queryAreaCode" class="form-control" placeholder="请输入数字">
			</div>
		</div>
		<div class="col-md-4">
			<div class="input-group">
			  <span class="input-group-addon">地区名称</span>
			  <input type="text"  id="queryAreaName" name="queryAreaName"  class="form-control" placeholder="请输入地区名称">
			</div>
		</div>
		<div class="col-md-4">
			<button class="btn " type="button"><i class="icon icon-star"></i> 查询</button>
		</div>
	</div>
  </div>
</div>
<div class="datagrid">
  <div class="search-box">
  	<button class="btn btn-success " type="button"
  	  data-toggle="modal" data-target="#addModal" id="addBtn"><i class="icon-plus"></i>新增</button>
  	  &nbsp;&nbsp;&nbsp;&nbsp;
  	<button class="btn btn-info " type="button" id="updateBtn"><i class="icon icon-edit"></i>修改</button>
    	&nbsp;&nbsp;&nbsp;&nbsp;
    <button class="btn btn-danger " type="button" id="deleteBtn"><i class="icon icon-trash"></i>删除</button>
    	&nbsp;&nbsp;&nbsp;&nbsp;
    <button class="btn " type="button" id="detailBtn"><i class="icon icon-info"></i>详情</button>
  </div>
  <div id="areaDataGrid" class="datagrid-container datagrid-striped" data-ride="datagrid"></div>
  <div  class="pager" id="areaPager" align="right"></div>
</div>

<script src="${pageContext.request.contextPath}/js/area4.js?version=12"></script>
